import { styled } from 'styled-components'

/*
 * @description:
 * @version:
 * @Author: 王治飞
 * @Date: 2023-08-18 15:21:42
 * @LastEditors: 王治飞
 * @LastEditTime: 2023-08-22 15:48:30
 */
export const RoomWarp = styled.div`
  padding: 8px;
  box-sizing: border-box;
  width: ${p => p.width}%;
  flex-shrink: 0;
  .room {
    padding: 66.66% 0 0;
    position: relative;
    img {
      border-radius: 3px;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
    }
  }
  .detail {
    margin: 10px 0 5px;
    font-size: 12px;
    font-weight: 700;
    color: #767676;
  }
  .name {
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .price {
    margin: 8px 0;
  }
`
